<template>
  <div class="common-layout">
    <el-container>
      <el-header class="header">
        <GlobalHeader />
      </el-header>

      <el-main class="main">
        <router-view />
      </el-main>
      <el-footer class="footer">
        <GlobalFooter />
      </el-footer>
    </el-container>
  </div>
</template>

<script lang="ts" setup>
import GlobalFooter from "@/components/GlobalFooter.vue";
import GlobalHeader from "@/components/GlobalHeader.vue";
</script>
<style scoped>
.main {
  padding: 20px;
  margin-bottom: 40px;
}

.footer {
  /* background-color: rgb(136, 17, 17); */
  text-align: center;
  align-content: center;
}
</style>
